<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">

  <base href="../">

  <title>Vvveb Landing - Section</title>



  <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />

  <meta name="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
  <meta name="keywords" content="cms, page builder, drag and drop, ecommerce, ecommerce platform, designer, developer, php, bootstrap 5">
  <meta name="author" content="Vvveb">
  <link rel="canonical" href="https://www.vvveb.com/">


  <!-- Facebook Meta Tags -->
  <meta property="og:locale" content="en_US" />
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
  <meta property="og:description" content="Vvveb cms - Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
  <meta property="og:url" content="https://vvveb.com/" />
  <meta property="og:site_name" content="Vvveb CMS" />
  <meta property="og:image" content="" />
  <meta property="article:modified_time" content="2023-02-05T14:45:53+00:00" />


  <!-- Twitter Meta Tags -->
  <meta name="twitter:card" content="summary_large_image">
  <meta property="twitter:domain" content="demo.vvveb.com">
  <meta property="twitter:url" content="//demo.vvveb.com/hello-world-1">
  <meta name="twitter:title" content="Begin each day by telling yourself">
  <meta name="twitter:description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">
  <meta name="twitter:image" content="">
  <meta name="twitter:site" content="//demo.vvveb.com/hello-world-1" />
  <meta name="twitter:label1" content="Est. reading time" />
  <meta name="twitter:data1" content="3 minutes" />

  <meta itemprop="name" content="Vvveb">
  <meta itemprop="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">
  <meta itemprop="url" content="https://www.vvveb.com/">
  <meta itemprop="keywords" content="cms, page builder, drag and drop, ecommerce, ecommerce platform, designer, developer, php, bootstrap 5">
  <meta itemprop="image" content="/img/favicon/228x228.png">
  <meta itemprop="sourceOrganization" content="Vvveb">
  <meta itemprop="inLanguage" content="en-US">

  <script type="application/ld+json" id="ldJsonScript">
   {
	  "@context": "http://schema.org",
	  "@graph": [
		{
		  "@type": "Organization",
		  "@id": "https://www.vvveb.com/#organization",
		  "url": "https://www.vvveb.com",
		  "logo": "https://www.vvveb.com/img/favicon/256x256.png",
		  "sameAs": [
			"https://twitter.com/vvveb",
			"https://www.facebook.com/vvveb.com",
			"https://youtube.com/vvveb",
			"https://www.linkedin.com/company/vvveb-com",
			"https://plus.google.com/+VvvebCom"
		  ]
		},
		{
		  "@type": "WebSite",
		  "@id": "https://www.vvveb.com/#website",
		  "url": "https://www.vvveb.com",
		  "name": "Vvveb"
		},
		{
		  "@type": "WebPage",
		  "@id": "https://www.vvveb.com/#webpage",
		  "url": "https://www.vvveb.com/",
		  "name": "Vvveb"
		}
	  ]
	}
</script>


  <meta name="twitter:card" content="summary">
  <meta name="twitter:site" content="@vvveb">

  <meta name="twitter:label1" content="Platform">
  <meta name="twitter:data1" content="Vvveb">
  <meta name="twitter:label2" content="Software">
  <meta name="twitter:data2" content="CMS">


  <meta property="og:title" content="Vvveb">
  <meta property="og:site_name" content="Vvveb">
  <meta property="og:url" content="https://www.vvveb.com/">
  <meta property="og:description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores">
  <meta property="fb:app_id" content="">
  <meta property="og:type" content="website">
  <meta property="og:locale" content="en_US">
  <meta property="og:image" content="https://www.vvveb.com/img/favicon/228x228.png">



  <!-- HTML Meta Tags -->
  <title>Begin each day by telling yourself</title>
  <meta name="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">





  <link id="landing-css" href="css/style.bundle.css" rel="stylesheet">







  <link rel="alternate" type="application/rss+xml" title="Feed" href="/feed/posts" />
  <link rel="alternate" type="application/rss+xml" title="Comments Feed" href="/feed/comments" />

  <link rel="icon" type="image/x-icon" href="../../media/favicon.ico" data-v-global-site-favicon>

  <link rel="manifest" href="/manifest.webmanifest">

  <link rel="alternate" hreflang="" href="" />

  <link rel="stylesheet" href="js/aos.css">
  <noscript>
    <style type="text/css">
      [data-aos] {
        opacity: 1 !important;
        transform: translate(0) scale(1) !important;
      }
    </style>
  </noscript>
</head>



<body>



  <section class="features-1 bg-alternate" title="features-1">
    <div class="container">
      <div class="row wrap">
        <div class="col-md-7 align-self-center">
          <div class="max-box">
            <span class="badge  bg-success rounded-pill px-3">new</span>
            <h3 class="mt-2">Code editor with syntax highglighting that updates in real time</h3>
            <div class="mt-4">
              <p>The html for sections blocks and components and this template are built using Bootstrap.</p>
              <p>Use any of the hundreds fonts from google fonts for your design.</p>
              <p>Powerful and easy to use drag and drop builder for blogs, websites or ecommerce stores.</p>
            </div>
            <a href="#">Learn More</a>
          </div>
        </div>
        <div class="col-md-5 col-md-5">
          <img src="img/illustrations.co/day68-happy-cat.svg" loading="lazy" class="img-fluid" />
        </div>
      </div>
      <div class="row wrap">
        <div class="col-md-6">
          <img src="img/illustrations.co/day67-dog.svg" loading="lazy" class="img-fluid" />
        </div>
        <div class="col-md-6 align-self-center">
          <span class="badge  bg-success rounded-pill px-3">on sale</span>
          <h3 class="mt-2">Intuitive building with simple drag and drop for sections, components and blocks</h3>
          <div class="mt-4">
            <p>The html for sections blocks and components and this template are built using Bootstrap.</p>
            <p>Use any of the hundreds fonts from google fonts for your design.</p>
            <p>Powerful and easy to use drag and drop builder for blogs, websites or ecommerce stores.</p>
          </div>
          <a href="#">Learn More</a>
        </div>
      </div>
    </div>
  </section>

  <hr />

  <section class="features-2 py-5 bg-alternate" title="features-2">

    <div class="row no-gutters">
      <div class="col-lg-6">
        <img alt="image" src="img/illustrations.co/day68-happy-cat.svg" loading="lazy" class="img-fluid">
      </div>

      <div class="col-lg-6 bg-primary bg-gradient text-white d-flex">

        <div class="text-box align-self-center">
          <h3 class="text-white mb-3">Code editor with syntax highlighting that updates in real time</h3>
          <p>The html for sections blocks and components and this template are built using Bootstrap 5</p>
          <ul class="list-block">
            <li class="my-2">
              <span>Intuitive building with simple drag and drop for sections, components and blocks/snippets.</span>
              </span>
            </li>
            <li class="my-2">
              <span>Code editor with syntax highglighting that updates in real time.</span>
            </li>
            <li class="my-2">
              <span>Search and insert CCO images directly into the page. </span>
            </li>
            <li class="my-2">
              <span>The html for sections blocks and components and this template are built using bootstrap 5.</span>
            </li>
          </ul>
          <a class="btn btn-outline-light  mt-3" href="#">
            <span>Learn More</span>
          </a>
        </div>

      </div>
    </div>
  </section>

  <hr />

  <section class="features-3 py-5 bg-alternate" title="features-3">
    <div class="container">

      <div class="row">

        <div class="col-lg-6 d-flex align-items-center">
          <div class="row">
            <div class="col-md-12 mb-4">
              <div class="d-flex align-items-center">
                <div>
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="72" height="72" color="#1064ea" fill="#fff">
                    <polyline points="336 176 225.2 304 176 255.8" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></polyline>
                    <path d="M463.1,112.37C373.68,64.33,336.71,84.45,256,48,175.29,84.45,138.32,64.33,48.9,112.37,32.7,369.13,240.58,457.79,256,464,271.42,457.79,479.3,369.13,463.1,112.37Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path>
                  </svg>

                </div>
                <div class="p-4">
                  <h6 class="text-muted">
                    <a href="#" class="linking">Live code edit</a>
                  </h6>
                  <p class="mt-3">Code editor with syntax highglighting for html css and javascript that updates in real time.</p>
                </div>
              </div>
            </div>
            <div class="col-md-12 mb-4">
              <div class="d-flex align-items-center">
                <div>
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="icons" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="72" height="72" color="#1064ea" fill="#fff">
                    <path d="M419.1,337.45a3.94,3.94,0,0,0-6.1,0c-10.5,12.4-45,46.55-45,77.66,0,27,21.5,48.89,48,48.89h0c26.5,0,48-22,48-48.89C464,384,429.7,349.85,419.1,337.45Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"></path>
                    <path d="M387,287.9,155.61,58.36a36,36,0,0,0-51,0l-5.15,5.15a36,36,0,0,0,0,51l52.89,52.89,57-57L56.33,263.2a28,28,0,0,0,.3,40l131.2,126a28.05,28.05,0,0,0,38.9-.1c37.8-36.6,118.3-114.5,126.7-122.9,5.8-5.8,18.2-7.1,28.7-7.1h.3A6.53,6.53,0,0,0,387,287.9Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"></path>
                  </svg>

                </div>
                <div class="p-4">
                  <h6 class="text-muted">
                    <a href="#" class="linking">Drag and drop</a>
                  </h6>
                  <p class="mt-3">The html for sections blocks and components and this template are built using Bootstrap 5.</p>
                </div>
              </div>
            </div>
            <div class="col-md-12 mb-4">
              <div class="d-flex align-items-center">
                <div>

                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="icons" width="72" height="72" color="#1064ea" fill="#fff" stroke-width="28">
                    <path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" fill-rule="evenodd" d="M80,176a16,16,0,0,0-16,16V408c0,30.24,25.76,56,56,56H392c30.24,0,56-24.51,56-54.75V192a16,16,0,0,0-16-16Z"></path>
                    <path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" fill-rule="evenodd" d="M160,176V144a64,64,0,0,1,64-64h0a64,64,0,0,1,64,64v32"></path>
                  </svg>

                </div>
                <div class="p-4">
                  <h6 class="text-muted">
                    <a href="#" class="linking">Bootstrap 5</a>
                  </h6>
                  <p class="mt-3">The html for sections blocks and components and this template are built using Bootstrap 5.</p>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="col-lg-6">
          <img src="img/illustrations.co/day67-dog.svg" loading="lazy" class="img-fluid" />
        </div>

        <div class="col-md-12 mt-3 text-center">
          <a class="btn btn-primary " href="#">View Details</a>
        </div>
      </div>
    </div>
  </section>

  <hr />

  <section class="features-4 py-5 bg-primary bg-gradient text-white" title="features-4">

    <div class="container">
      <div class="row">
        <div class="col text-center">
          <h2>Our product features</h2>
        </div>
      </div>


      <div class="row text-center justify-content-sm-center no-gutters">
        <div class="col-12 col-sm-10 col-md-8 col-lg-7 col-xl-3 m-auto">
          <div>

            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="96" height="96" color="#fff" fill="#fff">
              <polyline points="336 176 225.2 304 176 255.8" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></polyline>
              <path d="M463.1,112.37C373.68,96.33,336.71,84.45,256,48,175.29,84.45,138.32,96.33,48.9,112.37,32.7,369.13,240.58,457.79,256,464,271.42,457.79,479.3,369.13,463.1,112.37Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path>
            </svg>

            <h3 class="mt-3">Drag and drop</h3>

            <p class="mt-2">Intuitive building with simple drag and drop for sections, components and blocks/snippets.</p>
            <p class="mt-4">
              <a href="#">Learn More <i class="la la-angle-right"></i>
              </a>
            </p>
          </div>
        </div>
        <div class="col-12 col-sm-10 col-md-8 col-lg-7 col-xl-3 m-auto pt-5 pt-xl-0">
          <div>

            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="icons" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="96" height="96" color="#fff" fill="#fff">
              <path d="M419.1,337.45a3.94,3.94,0,0,0-6.1,0c-10.5,12.4-45,46.55-45,77.66,0,27,21.5,48.89,48,48.89h0c26.5,0,48-22,48-48.89C464,384,429.7,349.85,419.1,337.45Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"></path>
              <path d="M387,287.9,155.61,58.36a36,36,0,0,0-51,0l-5.15,5.15a36,36,0,0,0,0,51l52.89,52.89,57-57L56.33,263.2a28,28,0,0,0,.3,40l131.2,126a28.05,28.05,0,0,0,38.9-.1c37.8-36.6,118.3-114.5,126.7-122.9,5.8-5.8,18.2-7.1,28.7-7.1h.3A6.53,6.53,0,0,0,387,287.9Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"></path>
            </svg>

            <h3 class="mt-3">Live code edit</h3>

            <p class="mt-2">Code editor with syntax highglighting that updates in real time.</p>
            <p class="mt-4">
              <a href="#">Learn More <i class="la la-angle-right"></i>
              </a>
            </p>
          </div>
        </div>
        <div class="col-12 col-sm-10 col-md-8 col-lg-7 col-xl-3 m-auto pt-5 pt-xl-0">
          <div>

            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="icons" width="96" height="96" color="#fff" fill="#fff" stroke-width="28">
              <path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" fill-rule="evenodd" d="M80,176a16,16,0,0,0-16,16V408c0,30.24,25.76,56,56,56H392c30.24,0,56-24.51,56-54.75V192a16,16,0,0,0-16-16Z"></path>
              <path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" fill-rule="evenodd" d="M160,176V144a96,96,0,0,1,96-96h0a96,96,0,0,1,96,96v32"></path>
            </svg>

            <h3 class="mt-3">Bootstrap 5</h3>

            <p class="mt-2">The html for sections blocks and components and this template are built using Bootstrap 5.</p>
            <p class="mt-4">
              <a href="#">Learn More <i class="la la-angle-right"></i>
              </a>
            </p>
          </div>
        </div>
      </div>
    </div>

  </section>

  <hr />

  <section class="features-5 py-5 bg-alternate" title="features-5">

    <div class="container">
      <div class="row align-items-center">
        <div class="col-12 col-md-8 col-lg-6 m-md-auto ms-lg-0 me-lg-auto">
          <img src="img/illustrations.co/day67-dog.svg" loading="lazy" class="img-fluid" />
        </div>
        <div class="col-12 col-lg-6 col-xl-5 ms-sm-auto pt-5 pt-lg-0">
          <h2>Open Source CMS Reinvented</h2>

          <div class="row pt-4 pt-xl-5">
            <div class="col-12 col-sm-6 col-xl-5">
              <h4>
                <strong>Drag and drop</strong>
              </h4>
              <p>Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
            </div>
            <div class="col-12 col-sm-6 col-xl-5 m-auto pt-3 pt-sm-0">
              <h4>
                <strong>Live code edit</strong>
              </h4>
              <p>Code editor with syntax highglighting that updates in real time.</p>
            </div>
          </div>

          <div class="row pt-3">
            <div class="col-12 col-sm-6 col-xl-5">
              <h4>
                <strong>Bootstrap 5</strong>
              </h4>
              <p>The html for sections blocks and components and this template are built using bootstrap 5</p>
            </div>
            <div class="col-12 col-sm-6 col-xl-5 m-auto pt-3 pt-sm-0">
              <h4>
                <strong>Google fonts</strong>
              </h4>
              <p>Use any of the hundreds fonts from google fonts for your design</p>
            </div>
          </div>
        </div>
      </div>
    </div>

  </section>

  <hr />

  <section class="features-6 py-5 bg-alternate" title="features-6">
    <div class="container">
      <div class="row text-center">
        <div class="col-12">
          <h2>Our product features</h2>
        </div>
      </div>
      <div class="row text-center justify-content-center">
        <div class="col-12 col-sm-4 col-xl-3 m-md-auto">
          <div>
            <img alt="image" loading="lazy" src="img/illustrations.co/109-map-location.svg">
            <h3>Drag and drop</h3>
            <p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>

            <a href="#">Learn More</a>
          </div>
        </div>

        <div class="col-12 col-sm-4 col-xl-3 m-md-auto">
          <div>
            <img alt="image" loading="lazy" src="img/illustrations.co/107-healthy.svg">
            <h3>Live code editor</h3>
            <p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time</p>

            <a href="#">Learn More</a>
          </div>
        </div>

        <div class="col-12 col-sm-4 col-xl-3 m-md-auto">
          <div>
            <img alt="image" loading="lazy" src="img/illustrations.co/104-dumbbell.svg">
            <h3>Bootstrap 5</h3>
            <p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootrap 5</p>

            <a href="#">Learn More</a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <hr />

  <section class="features-7 py-5 bg-alternate" title="features-7">
    <div class="container">
      <div class="row text-center">
        <div class="col-12">
          <h2>Our product features</h2>
        </div>
      </div>
      <div class="row text-center justify-content-center">
        <div class="col-12 col-md-6 col-lg-3">
          <div>
            <img alt="image" loading="lazy" src="img/illustrations.co/109-map-location.svg">
            <h3>Drag and drop</h3>
            <p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>

            <a href="#">Learn More</a>
          </div>
        </div>

        <div class="col-12 col-md-6 col-lg-3">
          <div>
            <img alt="image" loading="lazy" src="img/illustrations.co/107-healthy.svg">
            <h3>Live code editor</h3>
            <p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time</p>

            <a href="#">Learn More</a>
          </div>
        </div>

        <div class="col-12 col-md-6 col-lg-3">
          <div>
            <img alt="image" loading="lazy" src="img/illustrations.co/104-dumbbell.svg">
            <h3>Bootstrap 5</h3>
            <p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using Bootstrap 5</p>

            <a href="#">Learn More</a>
          </div>
        </div>

        <div class="col-12 col-md-6 col-lg-3">
          <div>
            <img alt="image" loading="lazy" src="img/illustrations.co/126-namaste-no-hand-shake.svg">
            <h3>Google fonts</h3>
            <p class="lead text-muted mt-4">Use any of the hundreds fonts from google fonts for your design</p>

            <a href="#">Learn More</a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <hr />

  <section class="features-8 py-5 bg-alternate" title="features-8">
    <div class="container">
      <div class="row text-center">
        <div class="col-12">
          <h2>Our product features</h2>
        </div>
      </div>
      <div class="row text-start mt-5">
        <div class="col-12 col-md-4">
          <div class="row">
            <div class="col-3">
              <img alt="image" loading="lazy" src="img/illustrations.co/109-map-location.svg">
            </div>
            <div class="col-9">
              <h4>Drag and drop</h4>
              <p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
              <a href="#">Learn More</a>
            </div>
          </div>
        </div>

        <div class="col-12 col-md-4 pt-3 pt-sm-4">
          <div class="row">
            <div class="col-3">
              <img alt="image" loading="lazy" src="img/illustrations.co/107-healthy.svg">
            </div>
            <div class="col-9">
              <h4>Live code editor</h4>
              <p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time</p>
              <a href="#">Learn More</a>
            </div>
          </div>
        </div>

        <div class="col-12 col-md-4 pt-3 pt-sm-4">
          <div class="row">
            <div class="col-3">
              <img alt="image" loading="lazy" src="img/illustrations.co/104-dumbbell.svg">
            </div>
            <div class="col-9">
              <h4>Bootstrap 5</h4>
              <p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootrap 5</p>
              <a href="#">Learn More</a>
            </div>
          </div>
        </div>
      </div>

      <div class="row text-start pt-3 pt-sm-4 pt-md-5">
        <div class="col-12 col-md-4">
          <div class="row">
            <div class="col-3">
              <img alt="image" loading="lazy" src="img/illustrations.co/126-namaste-no-hand-shake.svg">
            </div>
            <div class="col-9">
              <h4>Google fonts</h4>
              <p class="lead text-muted mt-4">Use any of the hundreds fonts from google fonts for your design</p>
              <a href="#">Learn More</a>
            </div>
          </div>
        </div>

        <div class="col-12 col-md-4 pt-3 pt-sm-4">
          <div class="row">
            <div class="col-3">
              <img alt="image" loading="lazy" src="img/illustrations.co/109-map-location.svg">
            </div>
            <div class="col-9">
              <h4>Drag and drop</h4>
              <p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
              <a href="#">Learn More</a>
            </div>
          </div>
        </div>

        <div class="col-12 col-md-4 pt-3 pt-sm-4">
          <div class="row">
            <div class="col-3">
              <img alt="image" loading="lazy" src="img/illustrations.co/107-healthy.svg">
            </div>
            <div class="col-9">
              <h4>Bootstrap 5</h4>
              <p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootrap 5</p>
              <a href="#">Learn More</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <hr />

  <section class="features-9 py-5 bg-alternate" title="features-9">
    <div class="container">
      <div class="row text-center">
        <div class="col-12">
          <h2>Our product features</h2>
        </div>
      </div>
      <div class="row text-start mt-5">
        <div class="col-12 col-sm-6 col-lg-3">
          <div class="row">
            <div class="col-3">
              <img alt="image" loading="lazy" src="img/illustrations.co/109-map-location.svg">
            </div>
            <div class="col-9">
              <h4>Drag and drop</h4>
              <p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
              <a href="#">Learn More</a>
            </div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-lg-3 pt-3 pt-sm-0">
          <div class="row">
            <div class="col-3">
              <img alt="image" loading="lazy" src="img/illustrations.co/107-healthy.svg">
            </div>
            <div class="col-9">
              <h4>Live code editor</h4>
              <p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time</p>
              <a href="#">Learn More</a>
            </div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-lg-3 pt-3 pt-lg-0">
          <div class="row">
            <div class="col-3">
              <img alt="image" loading="lazy" src="img/illustrations.co/104-dumbbell.svg">
            </div>
            <div class="col-9">
              <h4>Bootstrap 5</h4>
              <p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootrap 5</p>
              <a href="#">Learn More</a>
            </div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-lg-3 pt-3 pt-lg-0">
          <div class="row">
            <div class="col-3">
              <img alt="image" loading="lazy" src="img/illustrations.co/126-namaste-no-hand-shake.svg">
            </div>
            <div class="col-9">
              <h4>Google fonts</h4>
              <p class="lead text-muted mt-4">Use any of the hundreds fonts from google fonts for your design</p>
              <a href="#">Learn More</a>
            </div>
          </div>
        </div>
      </div>

      <div class="row text-start pt-3 pt-lg-5">
        <div class="col-12 col-sm-6 col-lg-3">
          <div class="row">
            <div class="col-3">
              <img alt="image" loading="lazy" src="img/illustrations.co/109-map-location.svg">
            </div>
            <div class="col-9">
              <h4>Drag and drop</h4>
              <p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
              <a href="#">Learn More</a>
            </div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-lg-3 pt-3 pt-sm-0">
          <div class="row">
            <div class="col-3">
              <img alt="image" loading="lazy" src="img/illustrations.co/107-healthy.svg">
            </div>
            <div class="col-9">
              <h4>Bootstrap 5</h4>
              <p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootrap 5</p>
              <a href="#">Learn More</a>
            </div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-lg-3 pt-3 pt-lg-0">
          <div class="row">
            <div class="col-3">
              <img alt="image" loading="lazy" src="img/illustrations.co/109-map-location.svg">

            </div>
            <div class="col-9">
              <h4>Drag and drop</h4>
              <p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
              <a href="#">Learn More</a>
            </div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-lg-3 pt-3 pt-lg-0">
          <div class="row">
            <div class="col-3">
              <img alt="image" loading="lazy" src="img/illustrations.co/107-healthy.svg">
            </div>
            <div class="col-9">
              <h4>Live code editor</h4>
              <p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time</p>
              <a href="#">Learn More</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <hr />

  <section class="features-10 py-5 bg-alternate" title="features-10">
    <div class="container">
      <div class="row text-end align-items-center">
        <div class="col-12 col-md-6 m-auto">
          <img src="img/illustrations.co/day67-dog.svg" loading="lazy" class="img-fluid" />
        </div>

        <div class="col-12 col-md-7 col-lg-5 m-auto text-start pt-5">
          <div class="row pb-lg-5">
            <div class="col-3">
              <img alt="image" loading="lazy" src="img/illustrations.co/107-healthy.svg">
            </div>
            <div class="col-9">
              <h3>
                <strong>Drag and drop</strong>
              </h3>
              <p>Even the all-powerful Pointing has no control about the blind texts.</p>
            </div>
          </div>

          <div class="row pt-4 pt-md-5 pb-lg-5">
            <div class="col-3">
              <img alt="image" src="img/illustrations.co/104-dumbbell.svg" loading="lazy" class="img-fluid">
            </div>
            <div class="col-9">
              <h3>
                <strong>Live code editor</strong>
              </h3>
              <p>Duden flows by their place far far away, behind the word mountains.</p>
            </div>
          </div>


          <div class="row pt-4 pt-md-5">
            <div class="col-3">
              <img alt="image" src="img/illustrations.co/109-map-location.svg" loading="lazy" class="img-fluid">
            </div>
            <div class="col-9">
              <h3>
                <strong>Bootstrap 5 Components</strong>
              </h3>
              <p>A small river named Duden flows by their place and supplies it.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <hr />

  <section class="features-11 py-5 bg-alternate" title="features-11">
    <div class="container">
      <div class="row text-center">
        <div class="col-12 col-md-8 col-lg-4">
          <div>
            <img alt="image" src="img/illustrations.co/109-map-location.svg" loading="lazy" class="img-fluid">
            <h3>Drag and drop</h3>
            <p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets.</p>

            <a href="#">Learn More</a>
          </div>
        </div>

        <div class="col-12 col-md-8 col-lg-4">
          <div>
            <img alt="image" src="img/illustrations.co/107-healthy.svg" loading="lazy" class="img-fluid">
            <h3>Live code editor</h3>
            <p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time.</p>

            <a href="#">Learn More</a>
          </div>
        </div>

        <div class="col-12 col-md-8 col-lg-4">
          <div>
            <img alt="image" src="img/illustrations.co/104-dumbbell.svg" loading="lazy" class="img-fluid">
            <h3>Bootstrap 5 Components</h3>
            <p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootstrap 5.</p>

            <a href="#">Learn More</a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <hr />



  <div class="bg-image"></div>

  <div class="alert alert-light alert-dismissible fade alert-top" role="alert" style="display:none">
    <div class="container">

      <div class="message">
        Product was added to cart.
      </div>


      <button type="button" class="btn-close" data-dismiss="alert" aria-label="Close"></button>
    </div>
  </div>

  <!-- Vvveb Common Js -->
  <!-- <script src="../../js/jquery.min.js"></script> -->
  <script id="jquery-js" src="js/jquery.min.js"></script>
  <script id="popper-js" src="../../js/popper.min.js"></script>
  <!-- <script src="../../js/bootstrap.min.js"></script> -->
  <!-- <script src="../../js/bootstrap.bundle.min.js"></script> -->
  <script id="bootstrap-js" src="js/bootstrap.min.js"></script>
  <!-- Vvveb Ajax Common Js -->
  <script id="app-js" src="../../js/app.js"></script>

  <!-- Animation -->
  <script src="js/aos.js"></script>
  <script>
AOS.init();
</script>

  <script src="js/theme.js"></script>

  <script>
$(document).on("click", ".dropdown-toggle",function (e) { 
	let link = $(this);
	let parent = link.parents(".nav-toggle");
	if (link.hasClass("show")) {
		parent.addClass("show"); 
	} else {
		parent.removeClass("show"); 
	}
});
</script>


</body>

</html>